@font-face {
	src: url('../fonts//Oswald/Oswald-VariableFont_wght.ttf');
	font-family: 'Oswald-Regular';
}
@font-face {
	src: url('../fonts//sansserif/Montserrat-Regular.ttf');
	font-family: 'Montserrat-Regular';
}
* {
	list-style-type: none; /*убрать точки*/
	/*margin: 0;*/
	padding: 0;
	font-family: 'Oswald-VariableFont_wght';
	text-decoration: none; /*ссылки без подчеркиваний*/
}
.header {
	background-color: #ffffff;
	position: sticky; /*фиксирует шапку*/
	top: 0;
	box-shadow: inset 0px -2px 0px #eff2f2;
	z-index: 9;
}
.container {
	/* max-width: 1200px; */
	margin: 0 auto;
	/* padding: 0 16px; */
}
.container__build {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 16px;
}
.header__row {
	background-color: #333333;
}
.header__row__row {
	/* display: flex; */
	/* align-items: center;
	justify-content: space-between; */
	/* padding: 14px 0; */
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	/* background-color: #333333; */
}
.header__body {
	/* background-color: #333333; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1440px;
}
.logo {
	margin-right: 100px;
}
.menu {
	margin-left: auto;
	margin-right: 50px;
}
.menu-contayiner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.menu__list {
	display: flex;
	align-items: right;
}
.menu__item:not(:last-child) {
	margin-right: 30px;
}
.menu__link__header {
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	padding: 10px;
	padding-bottom: 5px;
	/* letter-spacing: 0.25px; */
	transition: all 0.4s ease-in-out;
	font-family: 'Montserrat-Regular';
}
.menu__link__body {
	font-size: 12px;
	font-weight: 600;
	color: #080808;
	padding: 10px;
	padding-bottom: 5px;
	/* letter-spacing: 0.25px; */
	transition: all 0.4s ease-in-out;
	font-family: 'Montserrat-Regular';
}
.menu__link {
	font-size: 14px;
	font-weight: 600;
	color: #a0a0a0;
	padding: 10px;
	padding-bottom: 5px;
	/* letter-spacing: 0.25px; */
	transition: all 0.4s ease-in-out;
	font-family: 'Montserrat-Regular';
}
.menu__link:hover {
	color: #ff9950;
}
.menu__link__body:hover {
	color: #ff9950;
}
.menu__link__header:hover {
	color: #ff9950;
}
.button {
	/* display: flex; */
	align-items: center;
	justify-content: center;
	max-width: 230px;
	min-height: 48px;
	padding: 14px 20px;
	background-color: #ffffff;
	color: #2b2b2b;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	font-family: 'Montserrat-Regular';
	/* border: 0; */
	border-radius: 4px;
	transition: all 0.4s ease-in-out;
}
.button:hover {
	color: #ff9950;
}
.button-class {
	margin-top: 50px;
	display: grid;
	grid-template-rows: auto; /*строки*/
	justify-content: center;
}
.heading-text {
	font-family: 'Oswald-Regular';
	font-size: 48px;
	font-weight: 500;
	color: #333333;
	letter-spacing: 0.25px;
	transition: all 0.4s ease-in-out;
	text-align: center;
	text-transform: uppercase;
}
.mark__item {
	padding: 5px;
	margin-right: 10px;
	border: 0.5px solid #c6c6c6;
	overflow: hidden;
	border-radius: 15px;
}
.layer {
	/* min-width: 220px; */
	display: flex;
	margin: 5px 0 0 10px;
	padding: 5px;
	border: none;
	border-radius: 25px;
	background-color: #ffffffa0;
	font-family: 'Montserrat-Regular';
	font-size: 14px;
	font-weight: 700;
	color: #333333;
	position: absolute;
}
.layer2 {
	display: flex;
	margin: 5px 0 0 10px;
	padding: 5px;
	border: none;
	border-radius: 25px;
	background-color: #ffffffa0;
	font-family: 'Montserrat-Regular';
	font-size: 14px;
	font-weight: 700;
	color: #333333;
	position: absolute;
}
.main-section {
	background-color: #ffffff;
	max-width: 1440px; /*ширина экрана*/
	padding: 0 20px; /*когда мобилку делаем будет зазор от краев*/
	margin: 0 auto;
}
.min {
	overflow: hidden;
	box-shadow: inset -2px 2px 2px #eff2f2;
	border: 0.5px solid #e3e3e3;
}
.grid-wrapper {
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 1fr; /*колонки*/
	grid-template-rows: auto; /*строки*/
	grid-column-gap: 25px; /*расстояние между колонками*/
	grid-row-gap: 25px; /*расстояние между строками*/
	grid-auto-rows: minmax(0, auto); /*растягивает блок при его наполнении*/
	justify-content: center;
}
.block-top {
	box-shadow: inset -2px 2px 2px #eff2f2;
	border: 0.5px solid #e3e3e3;
	overflow: hidden;
	min-height: 400px;
	border-radius: 20px;
}
.block {
	padding: 0px;
	overflow: hidden;
	min-height: 400px;
	border-radius: 20px;
}
.block_3 {
	grid-column-start: 1;
	grid-column-end: 3;
}
.block_3 {
	overflow: hidden;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr; /*колонки*/
	grid-template-rows: auto; /*строки*/
	grid-column-gap: 25px; /*расстояние между колонками*/
	grid-row-gap: 25px; /*расстояние между строками*/
	grid-auto-rows: minmax(0, auto); /*растягивает блок при его наполнении*/
	justify-content: center;
}
.img {
	min-width: 100%;
	min-height: 100%;
	flex-shrink: 0;
	cursor: pointer;
}
.text {
	margin-left: 10px;
}
.big-text {
	font-size: 18px;
	font-weight: 800;
	color: #333333;
	letter-spacing: 0.25px;
	transition: all 0.4s ease-in-out;
}
.medium-text {
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	letter-spacing: 0.25px;
	transition: all 0.4s ease-in-out;
}
.small-text {
	font-size: 12px;
	font-weight: 500;
	color: #333333;
	letter-spacing: 0.25px;
	transition: all 0.4s ease-in-out;
	font-family: 'Montserrat-Regular';
}
.data {
	font-size: 12px;
	font-weight: 500;
	color: #333333;
	letter-spacing: 0.25px;
	transition: all 0.4s ease-in-out;
}
.button-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 182px;
	min-height: 48px;
	padding: 14px 20px;
	background-color: #4a4b4b;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	transition: all 0.4s ease-in-out;
}
.button-bottom:hover {
	color: #ff9950;
}
.container-footer {
	background-color: #333333;
	min-height: 300px;
	padding: 0 16px;
	margin-top: 80px;
}
.header__row-footer {
	padding-top: 20px;
	max-width: 1440px;
	margin: 0 auto;
}
.header__body-footer {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	/* align-items: center; */
}
.menu-footer {
	margin-right: 40px;
	/* display: flex; */
}
.menu__list-footer {
	margin-top: 0px;
	/* display: flex; */
	align-items: center;
}
.menu__item-footer {
	padding-top: 20px;
}
.menu__link-footer {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 0.25px;
	transition: all 0.4s ease-in-out;
}
.menu__link-footer:hover {
	cursor: pointer;
	color: #ff9950;
}
.share-footer {
	margin-right: 80px;
	max-width: 400px;
	/* display: flex; */
}
.menu-footerlogo {
	padding-right: 40px;
}
.logo-footer {
	padding-top: 15px;
}
.sosial-footer {
	padding-top: 20px;
}
.hr {
	color: #ff9950;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 7px;
}
.end {
	margin-top: 10px;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
}
.end-text {
	padding-right: 50px;
	font-size: 14px;
	font-weight: 500;
	color: #cbcbcb;
	letter-spacing: 0.25px;
}
.footer-text-big {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 0.25px;
}
.footer-text-small {
	font-size: 12px;
	font-weight: 500;
	color: #ffffff;
	letter-spacing: 0.25px;
}
.burger-icon {
	display: none;
	margin-top: 5px;
	z-index: 2;
}
.burger-icon span {
	display: block;
	height: 7px;
	width: 45px;
	background-color: black;
}
.burger-icon span:nth-child(2) {
	margin: 6px 0;
}

@media (max-width: 1024px) {
	.button {
		display: none;
	}
	.footer {
		display: none;
	}
}
@media (max-width: 768px) {
	.menu {
		display: none;
	}
	.button {
		display: none;
	}
	.burger-icon {
		display: block;
		height: 2px;
		width: 24px;
	}
	.burger-icon span {
		height: 2px;
		width: 24px;
	}
	.grid-wrapper,
	.block_3 {
		display: block;
	}
	.footer {
		display: none;
	}
	.menu__list {
		flex-wrap: wrap;
	}
}